

// obj是一个可变对象

// let obj = {
//   a:1
// }

// obj.b = 2;
// obj.a = 110;
// delete obj.a;

// --------------------------------------

import React from "react";

// ele1是一个jsx元素，本质是一个对象，是不可变的
let ele1 = <div>我是一个div</div>

// ele1.name = "wc"; // 添加属性
// ele1.key = "110";// 修改属性
// delelte ele1.key;

// jsx元素最终变成真实DOM，如果直接对jsx元素操作（crud）
// 转化成dom是转化不了的。

// 什么是组件，什么是jsx?
// 组件是由class或function定义出来的，首字母大写。
// 由语法糖 或 React.createElement返回的结果，叫jsx元素，本质是一个不可变对象，用来充当组件的视图。

function DemoA() {
  return ele1;
}

export default DemoA;